//如何在 webpack 构建的项目中，使用Vue进行开发

//复习 在普通网页中如何使用Vue：
//1.使用script标签，引入vue的包
//2.在index页面中，创建一个 id 为 app div 容器
//3.通过 new VUe 得到一个vm的实例

//在webpack中尝试使用vue
//注意：在webpack中，使用import Vue from 'vue' 导入的Vue构造函数，功能不完整，
//只提供了 runtime-only 的方式，并没有提供向网页中那样的使用方式；
import Vue from 'vue'
//import Vue from '../node_modules/vue/dist/vue.js'
//回顾包的查找规则：
//1.找项目根目录中有没有nodemodulds的文件夹
//2.在nodemodules 中 根据包名，找对应的vue文件夹
//3.在vue文件夹中，找一个叫做 pageage.json的包配置文件
//4.在pageage.json文件中，查找一个 main 属性 【mian属性 指定了 这个包在被加载时候的入口文件】


// var login = {
//     template:'<h1>这是login组件，是使用网页中形式创建出来的组件</h1>'
// }

//1.导入 login 组件
import login from './login.vue'
//默认，webpack 无法打包 .vue文件，需要安装相关的loader
//cnpm i vue-loader vue-template-compiler -D
//在配置文件中，新增loader配置项{test:/\.vue$/,use:'vue-loader'}

var vm = new Vue({
    el: '#app',
    data: {
        // msg: '123'
    },
    // components: {
    //     login
    // },
    render: c => c(login) //在webpack中，如果想要通过vue，把一个组件放到页面中去展示
    //vm实例中的render函数可以实现

})


import test, {
    title,title2 as aaa
} from './test.js'

console.log(test);

console.log(title)
console.log(aaa)